<template>
  <div class="list">
   <ul>
    <li>A</li>
    <li>A</li>
    <li>A</li>
    <li>A</li>
   </ul>
  </div>
  </template>

<script>
export default {
  data () {
    return {

    }
  },
  created () {

  },
  mounted () {

  },
  methods: {

  }
}
</script>
  <style lang='stylus' scoped>
  @import '~styles/varibles.styl';
  .list
    position:absolute
    right:0
    top 1.58rem
    display: flex
    width 0.4rem
    flex-direction: column
    justify-content: center
    align-items: center
    border:1px solid red
    height: 100%
    color:$bgColor
    font-size: .3rem
    padding: 0 .06rem
   li
     padding: .1rem
     margin:.1rem 0
  </style>
